
<!DOCTYPE html >
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <title>Fullscreen Responsive Register Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">



    <!-- CSS -->
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">

</head>

<body>

<div class="header">
    <div class="container">
        <div class="row">
            <div class="logo span4">
                <h1><a href="/indexs">云廊酒店 <span class="red"></span></a></h1>
            </div>
            <div class="links span8">
                <a href="/login" rel="tooltip" data-placement="bottom" data-original-title="register" style="width: 100px;height: 30px;"><br></a>
            </div>
        </div>
    </div>
</div>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>

<div class="register-container container">
    <div class="row">
        <div class="iphone span5">
            <img src="assets/img/iphone.png" alt="">
        </div>
        <div class="register span6" style="display: block">
            <form>
                <h2>云廊酒店 <span class="red"><strong>用户注册</strong></span></h2>
                <label for="user_account" id="user_account_label">帐号</label>
                <input type="text" id="user_account" name="user_account" placeholder="请输入6到20位的英文数字">
                <label for="user_password" id="user_password_label">登录密码</label>
                <input type="password" id="user_password" name="user_password" placeholder="请输入6到20位的英文数字">
                <label for="user_password1" id="user_password1_label">确认密码</label>
                <input type="password" id="user_password1" name="user_password1" placeholder="请重复输入密码">
                <label for="user_phone" id="user_phone_label">手机号码</label>
                <input type="text" id="user_phone" name="user_phone" placeholder="可作为登录名使用">

                <label for="code" id="code_label">验证码</label>
                <label><input type="text" id="code" name="code" placeholder="请输入验证码" style="width: 45%" >
                    <img  id="imgCode" onclick="btnImgCode()" src="/getCode" alt="验证码">
                </label>
                <label for="code_phone" id="code_phone_label">手机验证码</label>
                <label><input type="text" id="code_phone" name="code_phone" placeholder="请输入短信验证码" style="width: 45%;">
                    &nbsp; &nbsp; &nbsp; &nbsp;
                    <input type="button" id="getCode_phone" name="getCode_phone" value="获取验证码" style="width: 40%" /></label>
                <a href="/login"><input type="button"value="已有帐号，直接登录"></a>
                <button type="button" id="btn_register" onclick="btnRegister()">注册</button>
            </form>

        </div>
    </div>
</div>

<script src="assets/js/jquery-1.8.2.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.backstretch.min.js"></script>
<script src="assets/js/register.js"></script>
</body>

</html>

